.header-category {
  box-sizing: border-box;
  display: flex;
  height: 40px;
}

.header-category .left {
  width: 200px;
  height: 40px;
  background-color: #f1f1f1;
  text-align: center;
  line-height: 40px;
}

.header-category .left a {
  color: #5c5c5c;
}

.header-category .middle {
  width: 800px;
  height: 40px;
  box-sizing: border-box;
  padding: 10px 0;
  display: flex;
}

.header-category .middle li {
  padding: 0 13px;
}

.header-category .middle li:nth-child(1) {
  border-right: 1px solid black;
}

.header-category .middle li:nth-child(4) {
  border-right: 1px solid black;
}

.header-category .middle li:nth-child(7) {
  border-right: 1px solid black;
}

.header-category .middle a {
  color: #000;
}

.header-category .middle a:hover {
  color: #b20fd3;
}

.header-category .right {
  width: 200px;
  height: 40px;
}
